<script setup lang="ts">
import { ref } from 'vue';

const searchValue = ref('')

const searchCntList = [
  {
    content: '那就好',
    url: ''
  },
  {
    content: '金卡白',
    url: ''
  }
]
</script>

<template>
  <view class="p-2">
    <view class="m-2">
      <nut-searchbar v-model="searchValue">
        <template v-slot:leftin>
          <nut-icon size="14" name="search2"></nut-icon>
        </template>
      </nut-searchbar>
    </view>
    <view class="p-2">
      <nut-cell>
        <text class="ml-4 text-30 text-dark-200">历史搜索</text>
      </nut-cell>
    </view>
    <view class="p-2">
      <nut-cell>
        <view>
          <text class="ml-4 text-30 text-dark-200">推荐搜索</text>
          <view class="ml-5 mt-2">
            <nut-tag v-for="(it, idx) in searchCntList" :key="idx" round type="primary" textColor="grey" color="#d3d3d3"
              class="mx-1">
              {{ it.content }}
            </nut-tag>
          </view>
        </view>

      </nut-cell>
    </view>

  </view>
</template>
